<template>
	<div class="sw_table_container">
		<el-table ref="table" size="medium" :data="data" height="100%" class="index_table_wrapper">
			<el-table-column type="index" label="序号" align="center"></el-table-column>
			<el-table-column prop="name" label="配置标题" min-width="160"></el-table-column>
			<el-table-column prop="content" label="配置描述" min-width="240"></el-table-column>
			<el-table-column prop="createName" label="创建人" width="100"></el-table-column>
			<el-table-column prop="createTime" label="创建时间" width="160"></el-table-column>
			<el-table-column label="操作" width="90" v-if="$isHasAuth(tableButton)">
				<template slot-scope="{ row }">
					<el-button size="medium" type="text" v-hasPermi="'d8a0adc113674c03a736c90d61bda417'" @click="handleOpenDialog(row.id)">修改</el-button>
					<el-button size="medium" type="text" v-hasPermi="'4a5d5d9c95c24168898f800f7a8293b4'" @click="handleDeleteConfig(row.id)">删除</el-button>
				</template>
			</el-table-column>
		</el-table>
		<communal-form v-model="formDialog" :data-id="dataId"></communal-form>
	</div>
</template>

<script>
import communalForm from './form';
import configMixins from '../configMixins';
export default {
	mixins: [configMixins],
	components: { communalForm },
	computed: {
		tableButton() {
			return ['d8a0adc113674c03a736c90d61bda417', '4a5d5d9c95c24168898f800f7a8293b4'];
		}
	}
};
</script>

<style scoped></style>
